<template>
    <div class="detail bg-w">
      <Header :id="$route.params.id"></Header>
      <Article :id="$route.params.id"></Article>
      <Comment></Comment>
    </div>
  
</template>

<script>
import Header from "@/components/article-detail/articleDetail/Header";
import Article from "@/components/article-detail/articleDetail/Article";
import Comment from "@/components/article-detail/articleDetail/Comment";
import BgWrapper from "@/components/common/BgWrapper";

export default {
  name: "ArticleDetail",
  components: {
    Header,
    Article,
    BgWrapper,
    Comment
  },
};
</script>

<style lang="scss" scoped>
.detail {
  width: 70rem;
  padding: 2rem;
  margin-right: 1rem;
}
</style>